<template>
    <div class="wrapper">
        <div class="con">
            <router-view></router-view>
        </div>
        <footer>
            <router-link to="/classify">分类</router-link>
            <router-link to="/car">购物车</router-link>
            <router-link to="/my">我的</router-link>
        </footer>
    </div>
</template>

<style lang="scss">
    .wrapper{
        width:100%;
        height: 100%;
        display: flex;
        flex-direction:column;
        overflow: hidden;
    }

    .con{
        width:100%;
        flex:1; //哪几个属性的缩写
        overflow: hidden;
    }

    footer{
        width:100%;
        height: 44px;
        line-height: 44px;
        border-top:1px solid gray;
        display: flex;
        justify-content: space-around;
        flex-shrink: 0;
    }
</style>

